<template>
    <div class="box">
        <div class="pic">
            <div class="img">
                <img src="../../assets/img/logo.png" alt="">
            </div>
        </div>
        <list></list>
    </div>
</template>

<script>
import list from './list.vue';
export default {
   components:{ list }
};
</script>

<style lang="scss" scoped>
.box{
    height: 100%;
    box-sizing: border-box;
    // border-right: 1px solid #ddd;
    box-shadow: 2px 0px 5px #ddd;
    .pic{
        width: 100%;
        height: 15% ;
        display: flex;
        .img{
            background: rgb(81, 115, 228);
            margin: auto;
            border-radius: 50%;
            width: 80px;
            height: 80px;
            box-shadow: 0px 0px 15px rgb(87, 87, 219);
            img{
                width: 100%;
                height: 100%;
            }
        }
    }

}
</style>